Skip to main content

Chained Transformations

While using transformations, you might want to combine various transformations into a single URL-based transformation. This feature enables exactly that. For example, you might want to resize the image to a height of 600px, change the format of the image to PNG, and adjust the angle. The corresponding URL would appear as follows:

https://img.perceptpixel.com/demo-brjexrkh/h_600,f_png,a_90/example-6.jpeg
Original Image
example

You can keep on appending the transformation literals in the URL in any sequence.

  • Transformation on the image would be in the exact order as specified in the URL.
  • Conditional Transformation is supported in chained transformation.

Multiple Transformation​

1. Resize, change the format and rotation of the image​

example
https://img.perceptpixel.com/demo-brjexrkh/h_600,f_png,a_90/example-6.jpeg

2. Grayscale the image with above transformation​

With grayscale effect
example
https://img.perceptpixel.com/demo-brjexrkh/e_grayscale/h_600,f_png,a_90/example-6.jpeg

3. Rotate image if condition is met​

With condition
example
https://img.perceptpixel.com/demo-brjexrkh/e_grayscale/h_600,f_png,a_90/if_ar_lt_2.0/a_-90/if_end/example-6.jpeg